<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<style>
ul{margin:0;padding: 0;}
li{list-style:none;}
.select{width:120px;height:30px;border:1px solid #000;position:relative;font-size:14px;line-height: 30px;padding:0 6px;}
.select>span{}
.select>i{font-style:normal;display:block;width: 30px;height: 30px;position: absolute;top: 0;right: 0;text:center;border:1px solid #DDD;}
.list{position:absolute;left: -1px;border:1px solid #666
border-top:;}

</style>
<body>

	<!--<form action="">
		表单  action：提交的地址 
		<input type="text" name="uname" value="">
		<input type="radio" name="aa" value="男">
		<input type="radio" name="aa" value="女">
		<input type="checkbox" value="js">
		<select name="" id="" value>
			<option value="010">B-北京</option>
			<option value="AAA">B-北海</option>
		</select>
	</form>-->
	<div class="select">
		<span>请选择</span>
		<li>_(:з」∠)_</li>
		<ul class="list">
			<li></li>
		</ul>
		
	</div>
</body>
<script>
var arr = ["北京","上海","深圳","重庆","哈尔滨"],
select = $("#.select")[0],
list = $("")
function $(s){
	return document.querySelector(s);
}
function (){

}


</script>
</html>